<template>
    <el-card class="box-card" style="width: 99%; height: 99%;">
        <div class="pharmaceutical-wrapper">
            <div class="left-wrapper">
                <div>
                    <TodayEquipmentInventory />
                </div>
                <div style="margin-top: 30px;">
                    <YesterdayCnsume />
                </div>
            </div>
            <div class="right-wrapper">
                <allCeutical/>
            </div>
        </div>
    </el-card>
</template>

<script setup lang="ts">
import TodayEquipmentInventory from './todayEquipmentInventory.vue'
import YesterdayCnsume from './yesterdayCnsume.vue'
import allCeutical from './allCeutical.vue'

</script>

<style lang="scss" scoped>
.pharmaceutical-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 900px;
    // background-color: red;

    .left-wrapper {
        width: 40%;
        height: 100%;
        // background-color: aqua;
    }

    .right-wrapper {
        margin-top: 30px;
        width: 50%;
        height: 100%;
        // background-color: #000;
    }
}
</style>